<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<span id="span_id">aaaaaaa</span><br/>
<script type="text/javascript">
    var span = document.getElementById("span_id");
    document.write(`span element.nodeType: ${span.nodeType}<br/>`);
    document.write(`span element.nodeName: ${span.nodeName}<br/>`);
    document.write(`span element.nodeValue: ${span.nodeValue}<br/>`);

    var id = span.getAttributeNode("id");
    document.write(`span id.nodeType: ${id.nodeType}<br/>`);
    document.write(`span id.nodeName: ${id.nodeName}<br/>`);
    document.write(`span id.nodeValue: ${id.nodeValue}<br/>`);

    var text = span.firstChild;
    document.write(`span firsts.nodeType: ${text.nodeType}<br/>`);
    document.write(`span firsts.nodeName: ${text.nodeName}<br/>`);
    document.write(`span firsts.nodeValue: ${text.nodeValue}<br/>`);
</script>
</body>
</html>
